// 改less文件的样式为播放器仿网易云音乐的主题样式
.bordered {
    border: 1px solid red;
}

.barBox {
    height        : 50Px;
    width         : 100%;
    background    : #343434;
    // background: transparent;
    vertical-align: middle;
    text-align    : center;

    .timeTag {
        display: inline-block;
        vertical-align: middle;
        color: #797979;
        // color: white;
        font-size: 12Px;
        padding: 0 8Px;
    }

    .barBody {
        width        : 75%;
        box-shadow   : 1Px 1Px 1Px #000;
        background   : #000;
        height       : 8Px;
        border-radius: 5Px;
        display      : inline-block;
        vertical-align: middle;
        position     : relative;

        .played,
        .buffered {
            position     : absolute;
            left         : 0;
            top          : 0;
            height       : 100%;
            border-radius: 5Px;

        }

        .played {
            width     : 20%;
            background: #e11b22;
            z-index   : 2;
            position  : relative;
            transition: all 1s linear;
            .ball {
                position     : absolute;
                left         : calc(100% - 4Px);
                top          : -4Px;
                height       : 16Px;
                width        : 16Px;
                z-index      : 3;
                border-radius: 50%;
                background   : #fff;
                // transition: all 1s linear;
                .innerDot {
                    position     : relative;
                    background   : #e11b22;
                    top          : 4Px;
                    left         : 4Px;
                    height       : 8Px;
                    width        : 8Px;
                    z-index      : 4;
                    border-radius: 50%
                }
            }
        }

        .buffered {
            background: #c7c7c7;
            width     : 80%;
            opacity   : .4;
            z-index   : 1;
        }
    }
}